<template>
  <div>
<Demo>
  <template #header>
    <div>
     <h1> 我是插入的具名插槽header</h1>
    </div>
  </template>
  <!-- <main>
    <div>
    <h1>我是默认插槽</h1>
  </div>
  </main> -->
  <template #footer>
    <div>
      <h1> 我是插入的具名插槽footer</h1>
    </div>
  </template>
  <template v-slot='{user}'>
  <!-- <template v-slot='scope'> -->
    <!-- {{scope}} -->
    <!-- {{scope.user}} -->
    {{user}}
    {{user.name}}
    <!-- {{scope.user.name}} -->
  </template>
</Demo>
  </div>
</template>

<script>
// 使用自定义组件的方法:
// 1.引入自定义组件
// 2.注册自定义组件
// 3.使用组件
import Demo from './componet/chidren.vue'
export default {
  components: {
    Demo
  }
}
</script>

<style>

</style>
